body {
    font-family: SourceHanSansCN;
    margin: 0;
    padding: 0;
}
select {
    -webkit-appearance: none !important;
    background-color: #ffffff;
  }
input {
    outline: none;
    outline: 0
}

a:hover {
    text-decoration: none;
}

p {
    margin: 0;
    padding: 0;
}

/* 在大屏幕上的样式 */
@media screen and (min-width: 1025px) {


    /** medium-mini **/

    @media  (max-width:1535px){
        .login_container , .register_container{
            zoom:.65 !important;
        }

        .register_container{
            margin-top: 40px;
        }
       
    }

    /** large **/
    @media (min-width:1920px ) {
        .login_container{
            zoom:1 !important;
        }
    }

    header {
        margin: 0 auto;
        width: 100%;
        /* background-color: #f0f0f0; */
    }

    .pcHeader {
        width: 100%;
        height: 130px;
        margin: 0 auto;
        background: #1AA26B;
        opacity: 0.7;
    }

    .headerContainer {
        width: 100%;
        height: 43px;
    }

    .headerContainer input {
        height: 100%;
        width: 92%;
        background-color: transparent;
        margin-left: 1.5%;
        border: none;
    }

    .searchInout {
        margin-top: 22px;
        width: 58%;
        height: 43px;
        background: #FFFFFF;
        border-radius: 21px;
    }

    .searchInout img {
        width: 23px;
        height: 23px;
        margin-right: 12px;
    }

    .inpuRight {
        margin-top: 22px;
        height: 43px;
        margin-left: 25px;
        color: #FFFFFF;
        font-size: 26px;
        font-weight: 500;
    }

    .inpuRight h4 {
        margin: 0;
    }

    .inpuRight img {
        width: 27px;
        height: auto;
        margin-left: 60px;
    }

    .pcNaver {
        margin-top: 34px;
        width: 80%;
        margin-left: 10%;
        margin-bottom:14px;

    }

    .pcNaver div {
        width: 80%;
    }

    .pcNaver a {
        color: #FFFFFF;
        font-size: 20px;
        font-weight: 400;
    }

    .pcNaver .active {
        color: #1AA26B;

        font-weight: 800;
    }
    main {
        position: relative;
        /* margin-top: -50px; */
    }

    .mainLogin {
        flex: 1;
        width: 100%;
        height: 100%;
        margin: 0;
        border: 0;
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
    }

    .login_container {
        position: absolute;
        right: 8%;
        background: #FFFFFF;
        border-radius: 60px 0px 60px 0px;
        padding: 50px 35px;
        zoom: .8;
    }

    .login_title {
        font-family: SourceHanSansCN;
        font-weight: 500;
        font-size: 38px;
        color: #3062B9;
        margin-bottom: 44px;
    }

    .login_type_container {
        width: 253px;
        height: 60px;
        background: rgba(48, 98, 185, 0.1);
        border-radius: 20px 0px 20px 0px;
        padding: 8px 9px;
        display: flex;
        align-items: center;
        margin-bottom: 29px;
    }


    .login_type {
        width: 115px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        margin-left: 21px;
        font-size: 22px;
        font-weight: 400;
        color: #6D6D6D;
        cursor: pointer;
    }

    .login_type_active {
        width: 115px;
        height: 45px;
        line-height: 45px;
        text-align: center;
        background: #FFFFFF;
        border-radius: 15px 0px 15px 0px;
        font-family: SourceHanSansCN;
        font-weight: bold;
        font-size: 23px;
        color: #3062B9;
    }    

    .login-input {
        width: 509px;
        line-height: 61px;
        border-radius: 20px 0px 20px 0px;
        border: 1px solid #D7D7D7;
        padding: 4px 17px 4px 31px;
        font-size: 22px;
        color: #6D6D6D;
        position: relative;
        display: flex;
        align-items: center;
    }

    .login-input-container {
        border: none;
        height: 100%;
        font-size: 22px;
        color: #6D6D6D;
        flex: 1;
    }

    .login-input-left {
        margin-right: 20px;
    }

    .login-input-right {
        font-size: 22px;
        color: #6D6D6D;
    }

    .login-agreement {
        font-family: SourceHanSansCN;
        font-weight: 400;
        font-size: 18px;
        margin-left: 8px;
        color: #6D6D6D;
        cursor: pointer;
    }

    #exampleRadios1 {
        width: 23px;
        height: 23px;
        border: 1px solid #6D6D6D;
    }

    .form-check_container {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 26px;
    }

    .form-check_box{
        display: flex;
        align-items: center;
    }

    .register, .loginAccount {
        font-family: SourceHanSansCN;
        font-weight: 400;
        font-size: 20px;
        color: #3062B9;
    }

    .login-btn, .register-btn {
        width: 508px;
        height: 60px;
        margin-top: 61px;
        background: #3062B9;
        border-radius: 20px 0px 20px 0px;
        font-family: SourceHanSansCN;
        font-weight: bold;
        font-size: 23px;
        color: #FFFFFF;
    }

    .login-btn:hover, .register-btn:hover{
        opacity: 0.8;
        color: #FFFFFF;
    }

    .register_container {
        position: absolute;
        right: 8%;
        background: #FFFFFF;
        border-radius: 60px 0px 60px 0px;
        padding: 50px 35px;
        zoom:.8;
    }
}

/* 在小屏幕上的样式 */
@media screen and (max-width: 1024px) {
   
    header {
        margin: 0 auto;
        width: 100%;
        display: none;
        /* background-color: #f0f0f0; */
    }

    .pcHeader {
        width: 100%;
        height: 130px;
        margin: 0 auto;
        background: #1AA26B;
        opacity: 0.7;
    }

    .headerContainer {
        width: 100%;
        height: 43px;
    }

    .headerContainer input {
        height: 100%;
        width: 92%;
        background-color: transparent;
        margin-left: 1.5%;
        border: none;
    }

    .searchInout {
        margin-top: 22px;
        width: 58%;
        height: 43px;
        background: #FFFFFF;
        border-radius: 21px;
    }

    .searchInout img {
        width: 23px;
        height: 23px;
        margin-right: 12px;
    }

    .inpuRight {
        margin-top: 22px;
        height: 43px;
        margin-left: 25px;
        color: #FFFFFF;
        font-size: 26px;
        font-weight: 500;
    }

    .inpuRight h4 {
        margin: 0;
    }

    .inpuRight img {
        width: 27px;
        height: auto;
        margin-left: 60px;
    }

    .pcNaver {
        margin-top: 24px;
        width: 80%;
        margin-left: 10%;

    }

    .pcNaver div {
        width: 80%;
    }

    .pcNaver a {
        color: #FFFFFF;
        font-size: 26px;
        font-weight: 400;
    }

    .pcNaver .active {
        color: #1AA26B;
        font-size: 26px;
        font-weight: 800;
    }

    main {
        position: relative;
        /* margin-top: -50px; */
    }

    .mainLogin {
        flex: 1;
        width: 100%;
        height: 100%;
        margin: 0;
        border: 0;
        position: relative;
        background-size: cover;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
    }

    .login_container {
        position: absolute;
        background: #FFFFFF;
        border-radius: 30px 0px 30px 0px;
        width: 90%;
        margin-left:5%;
        padding: 0 15px;
    }

    .register_container {
        padding: 113px 15px 0 15px;
        position: absolute;
        background: #FFFFFF;
        border-radius: 30px 0px 30px 0px;
        width: 90%;
        margin-left: 5%;
    }

    .login_title {
        text-align: center;
        font-family: SourceHanSansCN;
        font-weight: 500;
        font-size: 19px;
        color: #3062B9;
        margin-bottom: 27px;
        margin-top: 113px;
    }

    .login_type_container {
        width: 170px;
        height: 40px;
        background: rgba(48, 98, 185, 0.1);
        border-radius: 10px 0px 10px 0px;
        padding: 4px 4px;
        display: flex;
        align-items: center;
        margin-bottom: 24px;
    }

    .login_type {
        width: 95px;
        height: 33px;
        line-height: 33px;
        text-align: center;
        margin-left: 2px;
        font-size: 12px;
        font-weight: 400;
        color: #6D6D6D;
    }

    .login_type_active {
        width: 95px;
        height: 33px;
        line-height: 33px;
        text-align: center;
        background: #FFFFFF;
        border-radius: 15px 0px 15px 0px;
        font-family: SourceHanSansCN;
        font-weight: bold;
        font-size: 12px;
        color: #3062B9;
    }


    .login-input {
        width: 97%;
        line-height: 31px;
        border-radius: 15px 0px 15px 0px;
        border: 1px solid #D7D7D7;
        padding: 2px 9px 2px 15px;
        font-size: 12px;
        color: #6D6D6D;
        position: relative;
        display: flex;
        align-items: center;
    }

    .login-input-container {
        border: none;
        height: 100%;
        font-size: 12px;
        color: #6D6D6D;
        flex: 1;
    }

    .login-input-left {
        margin-right: 20px;
    }

    .login-input-right {
        font-size: 12px;
        color: #6D6D6D;
    }

    .login-agreement {
        font-family: SourceHanSansCN;
        font-weight: 400;
        font-size: 10px;
        margin-left: 2px;
        color: #6D6D6D;
        cursor: pointer;
    }

    #exampleRadios1 {
        width: 12px;
        height: 12px;
        border: 1px solid #6D6D6D;
    }

    .form-check_container {
        width:96%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 26px;
    }

    .form-check_box {
        display: flex;
        align-items: center;
    }

    .register, .loginAccount {
        font-family: SourceHanSansCN;
        font-weight: 400;
        font-size: 10px;
        color: #3062B9;
    }

    .login-btn, .register-btn {
        width: 96%;
        height: 30px;
        margin-top: 31px;
        background: #3062B9;
        border-radius: 10px 0px 10px 0px;
        font-family: SourceHanSansCN;
        font-weight: bold;
        font-size: 12px;
        color: #FFFFFF;
        margin-bottom: 113px;
    }
}
select {
    -webkit-appearance: none !important;
  }